@import "colors.less";
@import "mixin.less";

.lucky-fullScreen {
  position: relative;
  background-color: @primary--color;
}

.title {
  height: 20vh;
  .lucky-text(48px, 400, white);
}

.randomData {
  height: 50vh;
  .lucky-text(120px, 400, white);
}

.excute {
  height: 10vh;
  margin-top: 10vh;
  button {
    width: 200px;
    height: 60px;
    .lucky-text(30px, 400, white, center, 60px);
  }
}

.start {
  color: @primary--color !important;
  background: white;
}
.stop {
  background: #ee3f4d;
  border-color: #ee3f4d;
}
.other {
  margin-top: 10px;
  button {
    background-color: @primary--color;
  }
}
.line {
  display: inline-block;
  height: 14px;
  margin-left: 10px;
  border-left: 1px solid white;
  padding-right: 10px;
}

.lucky-info {
  height: 100vh;
  width: 36vh;
  position: absolute;
  background: white;
  right: 0;
  top: 0;
  overflow: auto;
}
